<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" lang="en" th:with="unixstamp=${#dates.createNow().time}">
<head th:replace="common::header"></head>
<style>
    #allocateLayer .layui-form-radio{
        margin-top:16px;
    }
</style>
<body>
	<div class="layui-fluid">
		<div class="layui-row">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header t-title layui-bg-cyan mlk-title">车辆管理</div>
					<div class="layui-card-body">
						<table class="layui-table" id="table" lay-filter="table" style="height:100%;"></table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>

<!--车辆信息新增-->
<div id="addLayer" class="mlk-hide">
<form class="layui-form layui-form-pane">
    <div class="layui-form-item" pane>
        <label class="layui-form-label">车牌号</label>
        <div class="layui-input-block">
            <input type="text" name="carCode" required lay-verify="required" placeholder="请输入车牌号" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" pane>
        <label class="layui-form-label">车牌规格</label>
        <div class="layui-input-block">
            <input type="text" name="param" required lay-verify="required" placeholder="请输入车牌规格" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" pane>
        <label class="layui-form-label">备注信息</label>
        <div class="layui-input-block">
            <textarea name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="reset" class="layui-btn layui-btn-primary mlk-hide" id="formReset">重置</button>
        </div>
    </div>
</form>
</div>


<!--车辆信息修改-->
<div id="updateLayer" class="mlk-hide">
    <form class="layui-form layui-form-pane" lay-filter="updateForm" id="updateForm">
        <input type="hidden" name="id">
        <div class="layui-form-item" pane>
            <label class="layui-form-label">车牌号</label>
            <div class="layui-input-block">
                <input type="text" name="carCode" required lay-verify="required" placeholder="请输入车牌号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">车牌规格</label>
            <div class="layui-input-block">
                <input type="text" name="param" required lay-verify="required" placeholder="请输入车牌规格" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">备注信息</label>
            <div class="layui-input-block">
                <textarea name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
            </div>
        </div>
    </form>
</div>

<!--分配暂存区-->
<div id="allocateLayer" class="mlk-hide">
    <table id="allTable"></table>
</div>

<!--新增和测量违规记录-->
<div id="addLogLayer" class="mlk-hide">
    <form class="layui-form layui-form-pane" lay-filter="addLogForm" id="addLogForm">
        <input type="hidden" name="id">
        <div class="layui-form-item" pane>
            <label class="layui-form-label">违规人</label>
            <div class="layui-input-block">
                <input type="text" name="evilName" required lay-verify="required" placeholder="请输入违规人" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">备注信息</label>
            <div class="layui-input-block">
                <textarea name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
            </div>
        </div>
    </form>
</div>

<!--展示车辆违规记录-->
<div id="showEvilLoglayer" class="mlk-hide">
    <table id="showEvilLogTable" lay-filter="showEvilLogTable"></table>
</div>

<script type="text/html" id="toolbar">
    <a class="layui-btn layui-btn-md" lay-event="add">新增车辆</a>
</script>
<script type="text/html" id="tool">
    <a class="layui-btn layui-btn-sm layui-btn-warm" lay-event="update">修改</a>
    <a class="layui-btn layui-btn-sm layui-btn-warm" lay-event="allocate">分配暂存区</a>
    <a class="layui-btn layui-btn-sm" lay-event="addEvilLog">增加违规记录</a>
    <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="showEvilLog">违规记录</a>
</script>
<div th:include="common::footer"></div>
<script type="text/javascript" th:src="@{/js/car/car.js}"></script>
</html>